<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        body{
            font-family:"微软雅黑";
            text-align:center;
        }
        #footer{
            color:#ff6600;
        }
        #footer a{
            color:#fff000;
        }
        #footer a:hover{
            color:#fffff0;
        }
        #footer a:active{
            color:#f00000;
        }
        #footer a:visited{
            color:#0000ff;
        }

    </style>
</head>
<body>
<div id="footer">
    <p>
        <a href="#">版权信息</a>|
        <a href="/">关于我们</a>|
        <a href="/">联系我们</a>|
        <a href="/">站点地图</a>
    </p>
    <p>
        麦子学院版权所有
    </p>
</div>
<footer>
    <p>
        <a href="#">版权信息</a>|
        <a href="/">关于我们</a>|
        <a href="/">联系我们</a>|
        <a href="/">站点地图</a>
    </p>
    <p>
        麦子学院版权所有
    </p>
</footer>
<article>
    <h1>文章标题</h1>
    <p>文章内容</p>
    <footer>文章注释</footer>
</article>
</body>
</html>